/* adminitrador.module.css */
.adminPage {
  width: 100%;
  min-height: 100vh;
  background-color: #0A0A0A;
  position: relative;
}

/* Estilos para el contenedor principal del contenido */
.adminContentWrapper {
  width: 100%;
  min-height: 100vh;
}

/* Estado de carga */
.loadingState {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background-color: #0A0A0A;
  color: #ffffff;
  font-size: 18px;
}

/* Spinner de carga */
.loadingSpinner {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
  position: relative;
}

.loadingSpinnerBlade {
  position: absolute;
  top: 24px;
  left: 0;
  width: 20px;
  height: 3px;
  border-radius: 3px;
  background-color: #006aff;
  transform-origin: 25px 1.5px;
}

/* Posiciones para los spinners */
.loadingSpinnerBlade:nth-child(1) { transform: rotate(0deg); opacity: 0.9; }
.loadingSpinnerBlade:nth-child(2) { transform: rotate(30deg); opacity: 0.8; }
.loadingSpinnerBlade:nth-child(3) { transform: rotate(60deg); opacity: 0.7; }
.loadingSpinnerBlade:nth-child(4) { transform: rotate(90deg); opacity: 0.6; }
.loadingSpinnerBlade:nth-child(5) { transform: rotate(120deg); opacity: 0.5; }
.loadingSpinnerBlade:nth-child(6) { transform: rotate(150deg); opacity: 0.4; }
.loadingSpinnerBlade:nth-child(7) { transform: rotate(180deg); opacity: 0.3; }
.loadingSpinnerBlade:nth-child(8) { transform: rotate(210deg); opacity: 0.2; }
.loadingSpinnerBlade:nth-child(9) { transform: rotate(240deg); opacity: 0.3; }
.loadingSpinnerBlade:nth-child(10) { transform: rotate(270deg); opacity: 0.4; }
.loadingSpinnerBlade:nth-child(11) { transform: rotate(300deg); opacity: 0.5; }
.loadingSpinnerBlade:nth-child(12) { transform: rotate(330deg); opacity: 0.6; }

@keyframes spinner-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Animación para el spinner */
.loadingSpinner {
  animation: spinner-rotate 1.5s linear infinite;
}

/* Para dispositivos móviles - solo ajustes básicos */
@media (max-width: 768px) {
  .adminContentWrapper {
    padding-top: 60px; /* Espacio para la barra superior móvil */
  }
}